@media screen and (max-width: 1599px)
{
	body{ font-size: 20px; }
	.logo img{ width: 225px; }
	.btn{ font-size: 18px; min-width: 130px; padding:14px 46px; }
	.btn-round{ font-size: 20px; padding:6px 30px;}
	.btn-round.btn-primary-line{ padding-left: 20px; padding-right: 20px; }
	.btn.btn-large{ font-size: 26px; padding: 14px 60px; }
	.btn.btn-sm{ padding: 10px 22px; min-width: 50px; }
	.btn.btn-sm.btn-round{ padding:4px 16px; }
	.head-nav>ul>li>a, .loginbtn a, .head-nav>ul>li.submenu ul li a{ font-size: 15px; }
	.head-nav>ul>li>a, .loginbtn a{ line-height: 54px; }
	.head-nav>ul>li.submenu ul{ width: 370px; padding: 8px 0; }
	.head-nav>ul>li.submenu ul.how { width: 180px; }
	.head-nav>ul>li{ margin-right: 48px; }
	.loginbtn a img{ height: 20px; }
	.loginbtn a{ background-size: 16px; padding-left: 16px; background-position: left 17px; }
	.container-fluid{ padding-right: 60px; padding-left: 60px; }
	.loginbtn{ padding-right: 20px; }
	/*.header .booknow-btn{ right: 60px; }*/
	.header{ min-height: 74px; }

	.session-time label{ font-size: 22px; min-width: 130px; padding-top: 6px; padding-bottom: 6px; }

	.home-banner{ height:580px; }
	.threesection-box{ height: 550px; }
	.h1, h1{ font-size: 38px; }
	.h3, h3, .radio label, .checkbox label{ font-size: 20px; }
	.radio label, .checkbox label {
		font-size: 15px;
	}
	.h2{ font-size: 24px; }
	.action-links a{ font-size: 22px; }
	.page-title-name{ max-width: 370px; min-height: 146px; }
	.twosection .threesection-box {height: 370px;}

	.footerTop{ padding: 90px 0 40px 0; }
	.footerBottom{ padding:30px 0; font-size: 15px; }
	.contactinfos{ font-size: 26px; }
	.footerlogos img{ max-height: 50px; }

	.section-full{ padding:60px 0;  }

	.hlsone{ width: 280px; height: 280px;  }
	.hlstwo{ width: 80px; height: 80px; }
	.hlsthree{ width: 180px; height: 180px; }
	.innerpage-banner{ height: 420px; }

	.whycsone{ width: 180px; height: 180px; }
	.wcone{ width: 230px; height: 230px;  }
	.wctwo{ width: 400px; height: 400px; }

	.coachImage{ width: 200px; height: 200px; }
	.coachesList-box{ padding: 40px;}

	.radio label:before,
	.checkbox label:before{ width: 24px; height: 24px; border-width: 3px;}
	.checkbox label:before{ border-width: 1px !important; }
	.radio label,
	.checkbox label{ padding-left: 40px; }

	.checkbox label:before{ top: 3px; }


	.radio label:after{ top: 14px; left: 12px; }
	.radio input[type="radio"]:checked + label:after,
	.radio input[type="radio"] + label:hover:after{ width: 24px; height: 24px; }

	.checkbox label:after{ top: 14px; left: 12px; }
	.checkbox input[type="checkbox"]:checked + label:after,
	.checkbox input[type="checkbox"] + label:hover:after{ top: 3px; width: 24px; height: 24px; }

	.accordion-button{ font-size: 20px; }	
	.accordion-body p{ font-size: 17px; }

	.form-control{ font-size: 18px; }
	.boxline-content{ padding: 28px; }
	.changeperbox {margin-top: 280px; }
	.shiftbox {margin-top: 290px; }

	.points ul li, .pointsheading{ padding-left: 56px; }
		.points ul li:before {
			width: 12px;
			height: 12px;
			top: 6px;
		}
	.pointssepration{ border-width: 5px; }
	.points ul li{ margin-bottom: 30px; }

	.howOne{ width: 350px; height: 350px; margin-left: 46%;}
	.joinPoints_icon{ width: 220px; height: 220px; }
	.joinPoints_icon img{ max-width: 50%; max-height: 50%; }
	.joinPoints:after {width: 4px; height: 350px; right: 0; top: 100px; margin-right: -29px; }

	.joinone{ width: 238px; height: 238px; }
	.jointwo{ width: 330px; height: 330px; }
	.heading-bg{ padding-top: 34px; padding-bottom: 34px; }
	.session-list-row{ margin-bottom: 30px; }
	.session-list{ margin-bottom: 70px; margin-top: 40px; }

	.coachesFilter{ width: 400px; }
	.founderDetail{ padding: 50px; }
	.founderDetailSm .founderDetail{ padding:24px 30px; }
	.sepratorline:before{ height: 2px; width: 60px; }

	.founderImage{ width: 250px; height: 250px; }
	.founderOne{ width: 380px; height: 380px; bottom: -250px; right: -180px; }

	.modal-header, .modal-body, .modal-footer{ padding:38px; }

	.modal-dialog.modal-lg { max-width: 960px; }
	.btn-close{ background-size: 20px;}
	.setmaxwidth{ max-width: 1008px; }
	.setmaxwidth.smw-sm{ max-width: 742px; }

	.head-nav>ul>li>a:after,
    .loginbtn a:after{ height: 3px !important; bottom: -3px; }

    .form-control.bggreen-light,
    .form-control.bggrey{ font-size: 18px; padding: 14px 25px; }
    .form-control.form-large{ font-size: 24px; padding-top: 10px; padding-bottom: 10px; }
    .forgotpass{ font-size: 21px; }
    .submitbtn { width: 56px; height: 56px; background-size: 14px;}

    .stellium-text-logo img{ max-width: 560px; }
    .login-form{ max-width: 560px; }
    .whotwo{ width: 250px; height: 250px; right: -80px; bottom: 17%; top: auto; }

    .registerpage:before{  top: 120px; left: -220px; width: 600px; background: url(../images/register-left-1.svg) left top no-repeat; background-size: 100%; }
	.registerpage:after{ top: 60px; right: -110px; width: 400px; }
	textarea.form-control{ height: 200px;  }
	.registerTopSpacer { height: 30px; }
	.choose-custom label{ font-size: 18px; padding: 18px;}
	.modal.custom-modal .modal-content{ min-height: 370px;}

	.modal.custom-modal .btn-close { top: 30px; right: 30px; }
	.afterloginmenus a{ padding: 10px 25px; font-size: 18px; }
	.afterloginmenus .logout a{ padding-left: 54px; background-size: 14px; background-position: 32px center; }
	.afterloginmenus .logout a:hover{ background-position: 32px center; }


	.accountbox{ padding: 32px; }
	.userlefttext{ font-size: 42px;  }
	.useraccountinfo{ padding-left: 52px; margin-left: 52px; }
	.useraccountinfo div{ font-size: 21px;}

	.footer-logo img{ width: 650px; }
	.footerRightInfo{ font-size: 28px; }
	.getintouchtitle{ font-size: 24px;}
	.custom-modal p,
	.pInfos,
	.table{ font-size: 17px; }
	.paymentdetailsBox{ background-size: 300px; }

	.table th, .table td{ padding: 24px; }
	.font-25{ font-size: 21px; }

	.box-accordian-header img{ height: 50px; }
	.box-accordian-content{ padding-top: 26px;}

	.accounTopRight{ margin-right: -110px; width: 750px; height: 850px; }
	.accounBottomLeft{ margin-left: -110px; width: 750px; height: 850px; }
	.coachprofileBox img{ height: 50px; }

	h2.h1, .fonts28 {
		font-size: 28px;
		line-height: 1.1;
	}
	.joinPoints h3.h3 {
		font-size:20px;
	}


	.register-form .form-control.bggreen-light, .register-form .form-control.bggrey {
		font-size: 15px;
		padding: 12px 15px;
	}


}

@media screen and (max-width: 1399px)
{
	.btn-round{ font-size: 18px;}
	body{ font-size: 20px; }
	.logo img {
		width: 225px;
	}
	.head-nav>ul>li {margin-right: 40px; }
	.container-fluid{ padding-right: 40px; padding-left: 40px; }
	.loginbtn{ padding-right: 15px; }
	/*.header .booknow-btn{ right: 40px; }*/
	.header{ min-height: 74px; }
	.head-nav>ul>li>a, .loginbtn a{ line-height: 48px; }

	.home-banner{ height:490px; }
	.threesection-box{ height: 430px; }
	.h1, h1{ font-size: 34px; }
	.h3, h3, .radio label, .checkbox label{ font-size: 18px; }
	.h2{ font-size: 23px; }
	.action-links a{ font-size: 18px; }
	.page-title-name{ max-width: 320px; min-height: 120px; border-width: 1px; }
	.tsb-middle {border-left: solid 3px #fff; border-right: solid 3px #fff; }
	.twosection .threesection-box {height: 310px;}

	.footerTop{ padding: 70px 0 30px 0; }
	.footerBottom{ padding:30px 0; font-size: 16px; }
	.contactinfos{ font-size: 24px; }
	.footerlogos img{ max-height: 40px; }
	.section-full{ padding:60px 0;  }
	.setmaxwidth{ max-width: 780px; }
	.setmaxwidth.smw-sm{ max-width: 610px; }

	.hlsone{ width: 250px; height: 250px;  }
	.hlstwo{ width: 60px; height: 60px; }
	.hlsthree{ width: 140px; height: 140px; }

	.innerpage-banner{ height: 370px; }
	.whycsone{ width: 140px; height: 140px; }
	.wcone{ width: 180px; height: 180px;  }
	.wctwo{ width: 300px; height: 300px; }

	.whattwo{ width: 130px; height: 130px; }
	.coachImage{ width: 170px; height: 170px; }
	.coachesList-box{ padding: 30px;}

	.radio label:before,
	.checkbox label:before{ width: 20px; height: 20px; border-width: 2px;}
	.radio label,
	.checkbox label{ padding-left: 36px; }

	.radio label:after{ top: 12px; left: 10px; }
	.radio input[type="radio"]:checked + label:after,
	.radio input[type="radio"] + label:hover:after{ width: 20px; height: 20px; }

	.checkbox label:before{ top: 2px; }
	.checkbox label:after{ top: 10px; left: 10px; }
	.checkbox input[type="checkbox"]:checked + label:after,
	.checkbox input[type="checkbox"] + label:hover:after{ top: 2px; width: 20px; height: 20px; }

	.accordion-button{ font-size: 20px; }	
	.accordion-body p{ font-size: 17px; }
	.form-control{ font-size: 18px; }

	.boxline-content{ padding: 24px; border-width: 1px; }
	.changeperbox {margin-top: 260px; }
	.shiftbox {margin-top: 250px; }
	.points ul li, .pointsheading{ padding-left: 42px; }

	.points ul li:before{ width: 12px; height: 12px; top: 10px; }
	.pointssepration{ border-width: 3px; }
	.points ul li{ margin-bottom: 26px; }

	.howOne{ width: 250px; height: 250px; margin-left: 60%;}


	.joinPoints_icon{ width: 180px; height: 180px; }
	.joinPoints:after { height: 270px; }
	.joinPoints{ margin-bottom: 50px; }

	.joinone{ width: 190px; height: 190px; }
	.jointwo{ width: 280px; height: 280px; }

	.heading-bg{ padding-top: 28px; padding-bottom: 28px; }
	.session-list-row{ margin-bottom: 24px; }
	.session-list{ margin-bottom: 60px; margin-top: 30px; }

	.coachesFilter{ width: 340px;  margin-top: -45px !important;}
	.founderDetail{ padding: 40px; }
	.founderDetailSm .founderDetail{ padding:20px 24px; }
	.sepratorline:before{ width: 50px; }
	.founderImage{ width: 210px; height: 210px; }

	.founderOne{ width: 300px; height: 300px; bottom: -180px; right: -150px; }
	.modal-header, .modal-body, .modal-footer{ padding:30px; }
	.modal-dialog.modal-lg { max-width: 950px; }
	.btn-close{ background-size: 18px;}
	.greybox{ padding: 15px; }
	.session-time{ margin-right: 10px; }
	.session-time label{ font-size: 18px; border-width: 1px;}

	.form-control.bggreen-light,
	.form-control.bggrey{ font-size: 16px; padding: 13px 25px; }
    .form-control.form-large{ font-size: 20px; padding-top: 10px; padding-bottom: 10px; }
    .forgotpass{ font-size: 18px; }

    .stellium-text-logo img{ max-width: 560px; }
    .login-form{ max-width: 560px; }
    /*.submitbtn {width: 50px; height: 50px; background-size: 12px; }*/
    .whotwo{ width: 200px; height: 200px; right: -50px; bottom: 17%; top: auto; }

    .loginbtn a{ background-size: 14px; padding-left: 14px; background-position: left 15px; }

    .registerpage:before{  top: 100px; left: -170px; width: 450px; }
	.registerpage:after{ top: 60px; right: -70px; width: 250px; }
	textarea.form-control{ height: 160px;  }
	.choose-custom label{ font-size: 16px; padding: 16px; }
	.modal.custom-modal .modal-content{ min-height: 330px;}

	.modal.custom-modal .btn-close { top: 22px; right: 22px; }

	.afterloginmenus a{ padding: 8px 28px; font-size: 18px; border-width: 1px; }
	.afterloginmenus .logout a{ padding-left: 48px; background-size: 12px; background-position: 28px center; }
	.mid-content {min-height: calc(100vh - 500px); }
	.afterloginmenus .logout a:hover{ background-position: 28px center; }

	.accountbox{ padding: 28px; }
	.userlefttext{ font-size: 38px;  }
	.useraccountinfo{ padding-left: 42px; margin-left: 42px; }
	.useraccountinfo div{ font-size: 18px;}

	.footer-logo img{ width: 550px; }
	.footerRightInfo{ font-size: 26px; }
	.getintouchtitle{ font-size: 22px;}
	.custom-modal p,
	.pInfos,
	.table{ font-size: 18px; }
	.checkmark{ background-size: 38px; }
	.paymentdetailsBox{ background-size: 260px; padding-bottom: 30px; }
	.table th, .table td{ padding: 20px; }

	.qtySelector{ height: 34px; }
	.qtySelector .qtybtns{ height: 32px; }
	.font-25{ font-size: 18px; }
	.roadmapFullbox:after{ right: -13px; }

	.box-accordian-header img{ height: 42px; }
	.box-accordian-content{ padding-top: 20px;}

	.accounTopRight{ margin-right: -100px; width: 620px; height: 720px; top: 20px; }
	.accounBottomLeft{ margin-left: -100px; width: 620px; height: 720px; }
	.coachprofileBox img{ height: 40px; }
	.guest-registration .section-full {
		padding: 0 30px;
	}



}

@media screen and (max-width: 1199px){
	.body-pad-warpper {
		padding: 0 60px;
	}
	.guest-login .modal-dialog.modal-lg, .guest-registration .modal-dialog.modal-lg {
		max-width: 80%;
		margin: auto
	}


	.guest-login .loginpage {
		padding: 40px 20px;
	}
	.guest-login .container {
		padding:0px
	}

	.head-nav > ul > li {
		margin-right: 34px;
	}
	.logo img {
		width: 225px;
	}

	.btn{ font-size: 16px; min-width: 100px; padding:12px 38px; }
	.btn-round{ font-size: 18px; padding:6px 22px;}
	.btn-round.btn-primary-line{ padding-left: 16px; padding-right: 16px; }
	.btn.btn-large{ font-size: 24px; padding: 12px 50px; }
	.btn.btn-sm{ padding: 8px 20px; min-width: 40px; }
	.btn.btn-sm.btn-round{ padding:4px 14px; }

	.session-time label{ font-size: 20px; min-width: 120px;  }

	.container-fluid, .container{ padding-right: 25px; padding-left: 25px; }
	.loginbtn{ padding-right: 0; }
	/*.header .booknow-btn{ right: 25px; }*/


	.home-banner{ height:440px; }
	.threesection-box{ height: 370px; }
	.h1, h1{ font-size: 32px; }
	.h3, h3, .radio label, .checkbox label{ font-size: 17px; }
	.h2{ font-size: 22px; }
	.action-links a{ font-size: 17px; }
	.page-title-name{ max-width: 300px; min-height: 108px; }
	.twosection .threesection-box {height: 280px;}

	.contactinfos { font-size: 22px; }
	.footerlogos img {max-height: 36px; }
	.section-full{ padding:60px 0; }


	.hlsone{ width: 210px; height: 210px; left: -6%; }
	.hlstwo{ width: 50px; height: 50px; }
	.hlsthree{ width: 110px; height: 110px; }

	.innerpage-banner{ height: 300px; }

	.whycsone{ width: 110px; height: 110px; }
	.wcone{ width: 140px; height: 140px; left: -4%;  }
	.wctwo{ width: 240px; height: 240px; }

	.coachImage{ width: 140px; height: 140px; }
	.coachesList-box{ padding: 25px 15px;}

	.radio label:before,
	.checkbox label:before{ top:1px; }
	.radio label,
	.checkbox label{ padding-left: 32px; }

	.radio label:after{ top: 12px; left: 10px; }
	.radio input[type="radio"]:checked + label:after,
	.radio input[type="radio"] + label:hover:after{ top: 1px; }

	.checkbox label:after{ top: 12px; left: 10px; }
	.checkbox input[type="checkbox"]:checked + label:after,
	.checkbox input[type="checkbox"] + label:hover:after{ top: 1px; }

	.accordion-button{ font-size: 20px; }	
	.accordion-body p{ font-size: 17px; }

	.boxline-content {padding: 20px; }
	.points ul li{ margin-bottom: 20px; }

	.joinPoints_icon{ width: 140px; height: 140px; }
	.joinPoints:after { height: 260px; margin-right: -14px;}

	.joinone{ width: 150px; height: 150px; }
	.jointwo{ width: 240px; height: 240px; }

	.heading-bg{ padding-top: 22px; padding-bottom: 22px; }
	.session-list-row{ margin-bottom: 20px; }

	.session-list{  margin-top: 30px; }
	.coachesFilter{ width:290px;  margin-top: -45px !important;}
	.form-control{ font-size: 17px; }
	.founderDetail{ padding: 25px; }
	.founderDetailSm .founderDetail{ padding:20px 25px; }

	.founderImage{ width: 190px; height: 190px; }
	.modal-header, .modal-body, .modal-footer{ padding:25px; }
	.modal-dialog.modal-lg { max-width: 850px; }
	.session-time{ margin-right: 8px; }
	.form-control.bggreen-light,
	.form-control.bggrey{ padding-left: 20px; padding-right: 20px; }

	.stellium-text-logo img {
		max-width: 486px;
	}
    .login-form{ max-width: 486px; }

    .whotwo{ width: 150px; height:150px; right: -50px; bottom: 17%; top: auto; }

    .registerpage:before{  top: 0; }
	.registerpage:after{ top: 0; }
	.registerTopSpacer { height: 0px; }
	.choose-custom label{ font-size: 14px; }
	.modal.custom-modal .modal-content{ min-height: 290px; }
	.modal.custom-modal .btn-close { top: 18px; right: 18px; }

	.afterloginmenus a{ padding: 8px 18px; font-size: 16px; border-width: 1px; }
	.afterloginmenus .logout a{ padding-left: 44px; background-size: 10px; background-position: 26px center; }
	.afterloginmenus .logout a:hover{ background-position: 26px center; }

	.accountbox{ padding: 22px; }
	.userlefttext{ font-size: 34px; }
	.useraccountinfo{ padding-left: 34px; margin-left: 34px; }
	.useraccountinfo div{ font-size: 16px;}

	.footer-logo img{ width: 450px; }
	.footerRightInfo{ font-size: 24px; }
	.getintouchtitle{ font-size: 20px;}
	.custom-modal p,
	.pInfos{ font-size: 16px; }

	.checkmark{ background-size: 34px; }

	.paymentdetailsBox{ background-size: 220px; padding-bottom: 15px; }
	.table th, .table td{ padding: 18px; }
	.cartitemList{ margin-right: 0; margin-left: 0; padding: 20px; }

	.sessionbtnsright{ max-width: 230px; }
	.accounTopRight{ margin-right: -90px; width: 500px; height: 550px; top: 10px; }
	.accounBottomLeft{ margin-left: -90px; width: 500px; height: 550px; }

	.pb-1device{ padding-bottom: 0.25rem !important; }
	.coachprofileBox img{ height: 30px; }
	



}


@media screen and (max-width:1024px) {
	.you-can-tp-mar {
		margin-top:0px
	}
	.get-avi-btn-adj {
		margin-top: 15px;
	}
}
	@media screen and (max-width: 991px) {
		.imgBackground-dark .section-full {
			padding: 90px 0 60px;
		}
		body {
			font-size: 20px;
		}

		.menu_icon {
			display: inline-block;
			width: 30px;
			height: 30px;
			background: url(../images/menu-icon.svg) center no-repeat;
			cursor: pointer;
			margin-left: 20px;
			background-size: 26px;
		}

			.menu_icon.opens {
				background: url(../images/close-icon.svg) center no-repeat;
				background-size: 18px;
			}

		.loginbtn a {
			width: 30px;
			height: 30px;
			font-size: 0 !important;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border: 0 !important;
			line-height: normal;
			padding: 0;
			background-size: 18px;
			background-position: center 6px;
		}

			.loginbtn a span {
				display: none;
			}

			.loginbtn a img {
				position: initial;
			}

		.loginbtn {
			padding: 0;
		}

		.header-right {
			padding-top: 0;
			display: inline-flex;
			align-items: center;
		}

		.logo img {
			width: 225px;
		}

		.header {
			min-height: 74px;
			position: sticky;
			top: 0;
			left: 0;
			z-index: 100;
		}

		.menus {
			display: none;
			position: fixed;
			right: 0;
			top: 100px;
			bottom: 0;
			left: 0;
			z-index: 999999;
			background: #fff url(../images/starDark.svg) right bottom no-repeat;
			background-size: 30vh;
			padding: 25px;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
		}

		.head-nav {
			display: block;
			width: 100%;
		}

			.head-nav > ul > li {
				display: block;
				margin: 10px 0;
				width: 100%;
			}

				.head-nav > ul > li > a {
					width: 100%;
					border: 0 !important;
					text-align: center;
					background: var(--greenlight);
				}

					.head-nav > ul > li > a.active {
						background: var(--green);
						color: #fff;
					}

				.head-nav > ul > li.submenu > a {
					position: relative;
				}

		.header .booknow-btn {
			position: initial;
			width: 100%;
			margin-top: 10px;
		}

		.header .booknow-btn,
		.head-nav {
			max-width: 400px;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}

			.head-nav > ul > li.submenu ul {
				position: initial;
				width: 100% !important;
			}

		.menus .btn.booknow-btn {
			font-weight: 400 !important;
			color: #204B4A;
			background: #D2F3F2;
			margin-bottom: 40px;
			padding-top: 14px;
			padding-bottom: 14px;
		}

			.menus .btn.booknow-btn:hover {
				color: #fff;
				background: var(--green);
			}

		.closeMenu {
			display: none !important;
			width: 40px;
			height: 40px;
			cursor: pointer;
			background: url(../images/close-icon.svg) center no-repeat;
			background-size: 20px;
			position: fixed;
			right: 15px;
			top: 10px;
		}

		.head-nav > ul > li.submenu ul li a {
			text-align: center;
		}

		.clickmenu {
			display: block;
			width: 40px;
			height: 40px;
			right: 4px;
			top: 4px;
			z-index: 2;
			background: url(../images/plus-arrow.svg) center no-repeat;
			position: absolute;
			cursor: pointer;
		}

			.clickmenu:hover {
				background-color: rgba(0, 0, 0, 0.1);
			}


		.head-nav > ul > li.selected .clickmenu {
			background: url(../images/minus-arrow.svg) center no-repeat;
		}

		.head-nav > ul > li.selected ul {
			display: block;
		}

		.head-nav > ul > li.submenu > a.active + .clickmenu {
			filter: brightness(0) invert(1);
			-webkit-filter: brightness(0) invert(1);
		}

		.threesection .banner-content {
			padding: 30px;
		}

		.contactinfos {
			font-size: 20px;
		}

		.wcone {
			width: 140px;
			height: 140px;
		}

		.wctwo {
			width: 140px;
			height: 140px;
		}

		.coachImage {
			width: 120px;
			height: 120px;
		}

		.coachesList-box {
			width: 250px;
			min-width: 250px;
			max-width: 33.3333%;
			margin-bottom: 0;
		}

			.coachesList-box:nth-of-type(4n-8) {
				border-right-width: 3px;
			}

			.coachesList-box:last-child {
				border-right-width: 0;
			}

		.coachesList {
			flex-wrap: nowrap !important;
			justify-content: flex-start !important;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			margin-left: -25px;
			margin-right: -25px;
		}

		.accordion-button {
			font-size: 24px;
		}

		.accordion .row > .col-lg-6:nth-of-type(2) .accordion-item:nth-of-type(1) {
			border-top: 0;
		}

		.showmore {
			display: block;
			text-align: center;
			cursor: pointer;
			padding: 50px 0 30px 0;
			background: #fff;
			position: relative;
			margin-top: -60px;
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.94) 30%);
		}

		.categoriesListFull {
			max-height: 320px;
			overflow: hidden;
		}

		.supportivebox, .changeperbox, .shiftbox {
			margin-top: 0;
		}

		.pointssepration {
			border-right: 0;
			padding-bottom: 50px;
		}

		.pointsheading {
			padding-left: 0;
			text-align: center;
		}

		.howOne {
			width: 200px;
			height: 200px;
			margin-left: 0;
			position: absolute;
			right: -12%;
			bottom: 15%;
		}

		.joinPoints_icon {
			width: 120px;
			height: 120px;
			margin-bottom: -20px;
		}

		.joinPoints {
			margin-bottom: 50px;
			height: 100%;
		}

			.joinPoints:after {
				height: auto;
				bottom: 10%;
				top: 10%;
				margin-right: -14px;
			}


			.joinPoints P {
				max-width: 100%;
			}

			.joinPoints:after {
				width: 2px !important;
				margin-right: -16px;
			}

		.joinPointsBox .col-lg-4:nth-of-type(2n-4) .joinPoints:after,
		.joinPointsBox .col-lg-4:last-child .joinPoints:after {
			width: 0 !important;
		}

		.joinPointsBox .col-lg-4:last-child {
			margin-left: auto;
			margin-right: auto;
		}

		.joinone {
			width: 110px;
			height: 110px;
		}

		.jointwo {
			width: 200px;
			height: 200px;
		}

		.coachesList-box {
			border-right-width: 3px;
		}

		.coachesFilter {
			width: 100%;
			margin-top: 40px !important;
		}

		.founderImage {
			width: 160px;
			height: 160px;
		}

		.founderOne {
			width: 200px;
			height: 200px;
			bottom: -120px;
			right: -100px;
		}

		.action-links {
			text-align: center;
		}

			.action-links a + a {
				margin-left: 50px;
			}

		.modal-dialog.modal-lg {
			max-width: 750px;
		}

		.h1 br, h1 br {
			display: none;
		}

		.boxlineaccordian .boxline-content p {
			display: none;
		}

		.boxlineaccordian .boxline-content h3 {
			position: relative;
			padding-right: 15px;
			pointer-events: auto;
			user-select: auto;
		}

			.boxlineaccordian .boxline-content h3:after {
				content: "";
				position: absolute;
				right: -10px;
				top: 0;
				width: 20px;
				height: 20px;
				background: url(../images/down-arrow.svg) center no-repeat;
				background-size: 16px;
			}

			.boxlineaccordian .boxline-content h3:before {
				content: "";
				position: absolute;
				top: -20px;
				right: -20px;
				bottom: -20px;
				left: -20px;
				z-index: 2;
			}

		.boxlineaccordian .boxline-content.selected h3:after {
			transform: rotate(-180deg);
		}

		.boxlineaccordian .boxline-content.selected p {
			display: block;
		}

		.forgotpass {
			font-size: 16px;
		}

		.loginbtn a.active {
			background: url(../images/user-icon-active.svg) left center no-repeat;
			background-size: 18px;
			background-position: center 6px;
		}

		.afterloginmenus a {
			padding: 0;
			font-size: 0px !important;
			border-width: 0px;
			width: 30px;
			height: 30px;
			position: relative;
			margin-left: 30px;
		}

		.afterloginmenus .logout a {
			padding-left: 0;
			background-size: 16px;
			background-position: center;
		}

		.afterloginmenus .cart a {
			background: url(../images/cart-icon.svg) center no-repeat;
			background-size: 23px;
		}

		.afterloginmenus .cart span {
			position: absolute;
			left: 60%;
			top: -5px;
			font-size: 14px !important;
			font-weight: 500;
			min-width: 20px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			padding: 0 5px;
			border-radius: 50px;
			background: var(--green);
			color: #fff;
		}

		.afterloginmenus .logout a:hover {
			background-position: center;
		}

		.footerRightInfo {
			font-size: 22px;
		}

		.getintouchtitle {
			font-size: 18px;
		}

		.table th, .table td {
			padding: 16px;
		}

		.coursedetail .prices {
			min-width: 100%;
			padding-top: 15px;
		}

		.coursedetail {
			flex-wrap: wrap;
		}

		.cartitemList_row {
			align-items: flex-start;
		}

		.sessionbtnsright {
			max-width: 100%;
			width: 100%;
			display: block;
		}

		.roadmapFullbox:after {
			display: none;
		}

		.box-accordian-header .btn {
			font-size: 0;
			min-width: 36px;
			text-align: center;
			padding: 0 !important;
			width: 36px;
			height: 36px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding-right: 2px !important;
		}

			.box-accordian-header .btn i {
				font-size: 16px;
			}

		.box-accordian-header img {
			height: 36px;
		}

		.accounTopRight {
			margin-right: -60px;
			width: 400px;
			height: 450px;
			top: 30px;
		}

		.accounBottomLeft {
			margin-left: -60px;
			width: 400px;
			height: 450px;
		}

		.box-accordian-header .view_feedback .btn {
			padding-right: 9px !important;
		}
	}

	@media screen and (max-width: 843px) {
		.loginpage {
			min-height: 90vh;
			background: var(--greenthin) url(../images/login-bg-device.png) left top no-repeat;
			background-size: cover;
		}
	}


	@media screen and (max-width: 767px) {
		.ft-partner-logo {
			padding:15px 0
		}
		.ft-terms-menu {
			margin-top:15px
		}
		.get-avi-btn-adj {
			margin-top: 5px;
		}
		.body-pad-warpper {
			padding: 0;
		}

		.body-wrapper {
			margin-top: 0px;
			margin-bottom: 0px
		}

		body {
			font-size: 20px;
		}

		.header .booknow-btn, .head-nav {
			max-width: 100%;
		}

			.head-nav > ul > li > a, .loginbtn a, .head-nav > ul > li.submenu ul li a {
				font-size: 15px;
			}

		.logo img {
			width: 225px;
		}

		.threesection {
			flex-wrap: wrap;
		}

		.tsb-middle {
			border: 0;
		}

		.threesection-box {
			width: 100%;
			max-width: 100%;
			border-top: solid 3px #fff;
		}

		.home-banner {
			height: auto;
			min-height: 40vh;
		}


		.threesection-box {
			height: 35vh;
		}

		.home-banner h3 br {
			display: none;
		}


		.btn {
			font-size: 14px;
			min-width: 80px;
			padding: 12px 34px;
		}

		.btn-round {
			font-size: 16px;
			padding: 8px 20px;
		}

			.btn-round.btn-primary-line {
				padding-left: 13px;
				padding-right: 13px;
			}

		.btn.btn-large {
			font-size: 20px;
			padding: 12px 32px;
		}

		.btn.btn-sm {
			padding: 10px 18px;
			min-width: 40px;
		}

			.btn.btn-sm.btn-round {
				padding: 6px 12px;
			}

		.session-time label {
			font-size: 18px;
		}

		.twosection .threesection-box {
			height: 25vh;
		}

		.footerTop {
			padding: 50px 0 30px 0;
		}

		.footerlogos {
			padding-top: 30px;
			justify-content: center;
		}

			.footerlogos img {
				max-height: 32px;
			}


		.hlsone {
			width: 100px;
			height: 100px;
			left: -3%;
			top: 25%;
		}

		.hlstwo {
			width: 50px;
			height: 50px;
			right: 0%;
			top: 30%;
		}

		.hlsthree {
			width: 100px;
			height: 100px;
			bottom: 0;
		}

		.innerpage-banner {
			height: auto;
			min-height: 30vh;
		}

		.whycsone {
			width: 100px;
			height: 100px;
			bottom: 0;
		}

		.wcone {
			width: 60px;
			height: 60px;
			left: 0;
			bottom: 1%;
		}

		.wctwo {
			width: 100px;
			height: 100px;
		}

		.whattwo {
			right: -5%;
			width: 150px;
			height: 150px;
		}

		.coachImage {
			width: 100px;
			height: 100px;
		}

		.coachesList-box {
			min-width: 220px;
		}

		.accordion-button {
			font-size: 20px;
		}

		.accordion-body p {
			font-size: 15px;
		}


		.howOne {
			width: 120px;
			height: 120px;
			margin-left: 0;
			position: absolute;
			right: -5%;
			bottom: 9%;
		}

		.joinPoints:after {
			width: 2px !important;
			display: none;
		}

		.joinPointsBox .col-lg-4:last-child .joinPoints {
			margin-bottom: 0;
		}

		.joinPoints_icon {
			width: 100px;
			height: 100px;
		}

		.joinone {
			width: 60px;
			height: 60px;
			top: 0;
			left: -2%;
		}

		.jointwo {
			width: 100px;
			height: 100px;
			bottom: -0%;
		}

		.heading-bg {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		.founderOne {
			width: 200px;
			height: 200px;
			bottom: auto;
			top: -100px;
			right: -100px;
		}

		.modal-dialog.modal-lg {
			max-width: 90%;
		}

		.form-control.form-large {
			font-size: 18px;
			padding-top: 11px;
			padding-bottom: 11px;
		}

		.stellium-text-logo img {
			max-width: 386px;
		}

		.login-form {
			max-width: 386px;
		}

		.whotwo {
			display: none;
		}

		textarea.form-control {
			height: 120px;
		}

		.registerpage:before {
			width: 150px;
			left: -20px;
			background: url(../images/register-left-2.svg) left top no-repeat;
			background-size: 100%;
		}

		.modal.custom-modal .modal-content {
			min-height: 240px;
		}


		.userlefttext {
			font-size: 30px;
		}

		.useraccountinfo {
			padding-left: 0;
			margin-left: 0;
			width: 100%;
			padding-top: 20px;
			border: 0;
		}

		.footer-logo, .footerRightInfo {
			text-align: center;
		}

		.footerRightInfo {
			padding-top: 40px;
			font-size: 20px;
		}

		.getintouchtitle {
			font-size: 16px;
		}

		.sure_modal br {
			display: none;
		}

		.checkmark {
			margin-top: 40px;
		}

		.paymentdetailsBox {
			background-size: 150px;
			background-position: right top;
		}


		.carttable.table td {
			padding: 10px;
		}

		.carttable.table tr {
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		.carttable.table,
		.carttable.table tbody,
		.carttable.table tr,
		.carttable.table td {
			display: block;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			border-bottom: 0;
		}

			.carttable.table td[data-title] {
				display: flex;
				justify-content: space-between;
			}

				.carttable.table td[data-title]:before {
					content: attr(data-title);
					padding-right: 10px;
					text-transform: uppercase;
					text-align: left !important;
				}

			.carttable.table tr {
				border-bottom: solid 1px #707070;
			}

				.carttable.table tr.no-border-bottom {
					border-bottom: 0;
				}

			.carttable.table thead {
				display: none !important;
			}

		.table .qtySelector {
			margin-top: -8px;
			margin-bottom: -8px;
		}

		.cartitemList {
			margin-right: -25px;
			margin-left: -25px;
			padding: 25px;
		}

		.founderDetail.cartlistpage {
			padding-bottom: 0;
		}

		.accounTopRight {
			margin-right: -30px;
			width: 200px;
			height: 250px;
			top: 10px;
		}

		.accounBottomLeft {
			margin-left: -30px;
			width: 200px;
			height: 250px;
		}

		.box-accordian-header .btn {
			margin-right: -10px;
		}

		.content-box-lft h4 {
			font-size: 20px;
		}
	}


	@media screen and (max-width: 575px) {
		body {
			font-size: 17px;
		}

		.h1, h1 {
			font-size: 22px;
		}

		.h3, h3, .radio label, .checkbox label {
			font-size: 16px;
		}

		.h2 {
			font-size: 18px;
		}

		.action-links a {
			font-size: 16px;
		}

		.twosection {
			flex-wrap: wrap;
		}

			.twosection .threesection-box {
				width: 100%;
				max-width: 100%;
			}

		.threesection-box.leftborder {
			border-left: 0;
		}

		.hlsone {
			left: -8%;
		}

		.wctwo {
			right: -8%;
		}

		.whattwo {
			right: 0%;
			top: 3%;
			width: 50px;
			height: 50px;
		}

		.accordion-button {
			font-size: 20px;
		}

		.points ul li:before {
			width: 10px;
			height: 10px;
			top: 7px;
		}

		.points ul li {
			padding-left: 32px;
		}

		.form-control {
			font-size: 16px;
		}

		.founderImage {
			width: 140px;
			height: 140px;
		}

		.founderOne {
			width: 160px;
			height: 160px;
			bottom: auto;
			top: -60px;
			right: -50px;
		}

		.whoone {
			bottom: 0%;
			width: 50px;
			height: 50px;
		}

		.modal-dialog.modal-lg {
			max-width: 100%;
		}

		.session-time label {
			font-size: 16px;
			min-width: 86px;
		}

		.homebanner-subheading {
			margin-top: 12%;
		}

		.form-control.bggreen-light,
		.form-control.bggrey {
			padding-left: 15px;
			padding-right: 15px;
		}

		.stellium-text-logo img {
			max-width: 100%;
			margin-right: -10px;
		}

		.login-form {
			max-width: 100%;
		}

		.modal.custom-modal .modal-content {
			background: #fff url(../images/modal-bg-sm.svg) center no-repeat;
			background-size: cover;
		}

		.userlefttext {
			font-size: 28px;
		}

		.footer-logo img {
			width: 250px;
		}

		.custom-modal p {
			max-width: 88%;
		}

		.device-btn-full-width .btn {
			width: 100%;
		}

		.cartitemList_row {
			flex-wrap: wrap;
		}

		.coursedetail {
			width: 100%;
			margin-bottom: 5px;
		}

		.cartitemList .btn {
			width: 100%;
		}

		.cartitemList_row div {
			flex-grow: 1;
		}

		.cartitemList_row + .cartitemList_row {
			margin-top: 45px !important;
		}

		.box-accordian-header img {
			height: 30px;
		}

		.session-list {
			width: 100%;
		}

		.topSectionStarLeft {
			width: 90px;
			height: 80px;
			left: -30px;
			top: 3%;
		}

		.content-box-lft h4 {
			font-size: 18px;
		}
	}

	@media screen and (max-width: 480px) {
		body {
			font-size: 17px;
		}

		.logo img {
			width: 225px;
		}

		.founderOne {
			width: 110px;
			height: 110px;
			bottom: auto;
			top: -70px;
			right: -40px;
		}

		.custom-modal p {
			max-width: 100%;
		}

		.sessionbtnsright {
			padding-top: 10px;
		}

			.sessionbtnsright .btn {
				margin-left: 0 !important;
				width: 100%;
				display: block;
			}

		.accounTopRight {
			margin-right: -20px;
			width: 100px;
			height: 150px;
			top: 30px;
		}
	}

	@media screen and (max-width: 375px) {
		.logo img {
			width: 225px;
		}

		.hlsone {
			left: -12%;
		}

		.coachprofileBox .btn {
			width: 100%;
			margin-top: 20px;
		}
	}


	@media screen and (max-width: 370px) {
		.btn.btn-large {
			font-size: 18px;
			padding: 12px 32px;
		}

		.afterloginmenus a {
			margin-left: 20px;
		}

		.useraccountinfo div {
			font-size: 14px;
		}
	}